#client_logout, #client_logout:hover{
    background: url(../images/logout.png) no-repeat !important;
    padding-left: 12px !important;
    background-position: left center;
    font-size: 14px;
    text-decoration: none;
}
.client_login, .client_login:hover{
    background: url(../images/login.png) no-repeat !important;
    padding-left: 12px !important;
    background-position: left center;
    font-size: 14px;
    text-decoration: none;
}

#client_profile, #client_profile:hover{
    background: url(../images/profile.png) no-repeat !important;
    padding-left: 12px !important;
    background-position: left center;
    font-size: 14px;
    text-decoration: none;
    margin-right: 12px;
}

#client_profile_manage, #client_profile_manage:hover{
    background: url(../images/my_acc.png) no-repeat !important;
    padding-left: 12px !important;
    background-position: left center;
    font-size: 14px;
    text-decoration: none;
    margin-right: 12px;
}


@media (max-width: 700px)
{
#client_logout{
    background: url(../images/logout_small.png) no-repeat !important;
}
.client_login{
    background: url(../images/login_small.png) no-repeat !important;
}

#client_profile{
    background: url(../images/profile_small.png) no-repeat !important;
}
header.main-header .logo-wrapper .logo img
{
    max-width: 250px !important;
    min-width: 200px !important;
}
.dropcap1
{
    overflow: hidden !important;
}

}

.header_menu{
    float: right;
}

header.main-header #top-nav {
    float: right;
    margin-top: 5px;
    margin-right: 20px;
}

.header_menu li {
    float: left;
    position: relative;
}

.header_menu li a {
    color: #444;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 8px;
    margin: 2px 4px;
    vertical-align: middle;
    text-decoration: none;
}

.header_menu li a:hover {
    background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
    background-image: linear-gradient(#ededed, #fff);
    border-radius: 12px;
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
    color: #222;
}

/* Dropdown styles */

.header_menu ul {
    position: absolute;
    left: -9999px;
    list-style: none;
    opacity: 0;
    transition: opacity 1s ease;
}

.header_menu ul li {
    float: none;
}

.header_menu ul a {
    white-space: nowrap;
}

.header_menu li ul{
    z-index: 10;
  min-width: 150px;
}

/* Displays the dropdown on hover and moves back into position */
.header_menu li:hover ul {
    background: rgba(255,255,255,1);
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0px 1px 4px rgba(0,0,0,0.4);
    left: 5px;
    opacity: 1 !important;
    transition: opacity 1s ease;
}

/* Persistant Hover State */
.header_menu li:hover a {

    border-radius: 6px;
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
}

.header_menu li:hover ul a {
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.header_menu li:hover ul li a:hover {
    background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
    background-image: linear-gradient(#ededed, #fff);
    
}
